﻿@{
    Layout = null;
}

<link href="~/libs/layui-v2.9.21/layui/css/layui.css" rel="stylesheet" />

<div style="margin-top:20px;margin-left:20px;">
    客户名称：
    <input type="text" id="customername" style="width:200px;height:30px" />
    商品名称：
    <input type="text" id="prductname" style="width:200px;height:30px" />

    <button type="button" class="layui-btn" id="whereInfo">查询</button>
    <button type="button" class="layui-btn" lay-on="iframe">添加</button>
</div>

@* 显示 *@
<div style="margin-left:20px;margin-top:20px;">
    <table id="demo" lay-filter="test"></table>
</div>

@* 操作列模板 *@
<script type="text/html" id="barDemo">
    <button class="layui-btn layui-btn-sm  layui-bg-radius" style="background-color:orange" lay-event="edit">修改</button>
     <button class="layui-btn layui-btn-sm  layui-bg-radius"  style="background-color:red"  lay-event="del">删除</button>

</script>

<script src="~/libs/jquery/jquery.js"></script>
<script src="~/libs/layui-v2.9.21/layui/layui.js"></script>
<script>
    layui.use(['table', 'util'], function(){
        var table = layui.table;
        var util = layui.util;

        $("#whereInfo").on('click',function(){
            var customername=$('#customername').val();
            var prductname=$('#prductname').val();
            table.reload('demo',{
                where:{
                    customername:customername,
                    prductname:prductname,
                }
            });
        })

        function whereInfo(){
            table.render({
                elem: '#demo',
                url: '/PurchaseNoticeDetail/GetPurchaseNoticeDetailInfo',
                page: true,
                limit: 5,
                limits: [5, 10, 15, 20],
                cols: [[
                    { field: 'notificationNumber', width: 150, title: '通知单号', align: 'center' },
                    { field: 'customerCode', width: 150, title: '客户编码', align: 'center' },
                    { field: 'customerName', width: 150, title: '客户名称', align: 'center' },
                    {
                        field: 'notificationStatus', width: 150, title: '通知单状态', align: 'center'
                        , templet:function(row){
                            var notificationStatus = row.notificationStatus == 1?"计划中":"已完成";
                            return notificationStatus;
                        }
                    },
                    { field: 'productCode', width: 150, title: '商品编码', align: 'center' },
                    { field: 'productName', width: 150, title: '商品名称', align: 'center' },
                    { field: 'notificationQuantity', width: 150, title: '通知单数量', align: 'center' },
                    { field: 'acceptanceQuantity', width: 150, title: '验收数量', align: 'center' },
                    { field: 'unit', width: 150, title: '单位', align: 'center' },
                    { field: 'volume', width: 150, title: '体积CM3', align: 'center' },
                    { field: 'weight', width: 150, title: '重量KG', align: 'center' },
                    { field: 'customerOrderNumber', width: 150, title: '客户订单号', align: 'center' },
                    { field: 'basicUnitQuantity', width: 150, title: '基本单位数量', align: 'center' },
                    { field: 'basicUnit', width: 150, title: '基本单位', align: 'center' },
                    { field: 'roductionDate', width: 150, title: '生产日期', align: 'center',
                        templet: function (d) {
                            // 将时间戳转换为Date对象（如果roductionDate是时间戳格式）
                            // 假设roductionDate是标准ISO 8601格式字符串，直接用new Date()转换
                            var date = new Date(d.roductionDate);
                            var year = date.getFullYear();
                            var month = String(date.getMonth() + 1).padStart(2, '0');
                            var day = String(date.getDate()).padStart(2, '0');
                            return year + '-' + month + '-' + day;
                        }
                    },
                    { field: '操作', width: 180, title: '操作', toolbar: "#barDemo", align: 'center' },
                ]],
            });
        }
        whereInfo();

        util.on('lay-on', {
            'iframe': function(){
                layer.open({
                    type: 2, // page 层类型
                    title: "添加客户信息",//头标题
                    shade: 0.6, // 遮罩透明度
                    area: ['960px', '500px'],//弹出层的宽度和高度
                    offset: ['100px', '200px'],//弹出层的上边距和左边距
                    maxmin: true, // 允许全屏最小化
                    content: ['/Productcategory/Create'], //iframe的url，no代表不显示滚动条
                    hadeClose: true, // 点击遮罩关闭层
                    end: function () {
                        whereInfo();
                    }
                })
            }
        })


        table.on('tool(test)', function (obj) {
            var data = obj.data;
            var layEvent = obj.event;

            if (layEvent === 'del') {
                layer.confirm('确定删除吗？', function (index) {
                    $.ajax({
                        url: "/PurchaseNoticeDetail/DeleteProducate",
                        data: {
                            id: data.id,
                        },
                        type: "get",
                        datatype: "json",
                        success: function (res) {
                            if(res.code>0){
                                layer.msg('删除成功');
                                whereInfo();
                            }
                            else{
                                layer.msg('删除失败:'+res.msg);
                            }
                        }
                    })
                    layer.close(index); //关闭弹框
                })
            }
            else if(layEvent === 'edit'){
                layer.open({
                    type: 2,
                    title: "修改客户信息",
                    shade: [0],
                    area: ['960px', '500px'],//弹出层的宽度和高度
                    offset: ['100px', '200px'],//弹出层的上边距和左边距
                    shift: 0.8,
                    content: ['/PurchaseNoticeDetail/Edit?id='+data.id]
                })
            }
       })
    })
</script>